<template>
  <router-view v-slot="{ Component }">
    <transition> <component :is="Component" /> </transition>
  </router-view>
</template>
<script setup>
import { onMounted } from "vue";
import { useRouter, useRoute } from "vue-router";
const router = useRouter();
const route = useRoute();

onMounted(() => {
  router.addRoute({
    path: "/new-route",
    name: "NewRoute",
    component: () => import("./views/NewRoute.vue"),
  });
});
defineExpose({});
</script>
<style lang="scss">
* {
  padding: 0;
  margin: 0;
}
</style>
